<template>
    <svg class="rx-icon" aria-hidden="true" :class="'rx-icon-'+name">
        <use :xlink:href="'#icon-'+name"></use>
    </svg>
</template>

<script>
import './icon.js'
export default {
    name:'rx-icon',
    props:{
        name:{
            type:String
        }
    }
}
</script>

<style>
    .rx-icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
</style>
